﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="stylesheet" type="text/css" href="../Scripts/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../Scripts/easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="/css/common.css" />
    <script type="text/javascript" src="../Scripts/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../Scripts/easyui/jquery.easyui.min.js"></script>
    <title></title>
    <script>
        $(function () {
            $('#btnConfirm').linkbutton();
            
        });
    </script>
</head>
<body>
<!--
<div class="easyui-layout" style="width:600px;height:350px;">
<div data-options="region:'center',iconCls:'icon-ok'" title="Center">
    <div class="easyui-layout" data-options="fit:true">
        <div data-options="region:'north',split:true,border:false" style="height:50px"></div>
        <div data-options="region:'west',split:true,border:false" style="width:200px"></div>
        <div data-options="region:'east',split:true,border:false" style="width:200px"></div>
        <div data-options="region:'center',border:false"></div>
    </div>
 </div>
 -->

 
<div id='FormContent' class='easyui-layout' style='width:850px;height:550px;'>
    <div data-options="region:'north',iconCls:'icon-ok'" style="height:40px;">
        <div class="hint-info">
            <div class="hint-tip icon-tip"></div>
            <div>温馨提示：设置后请点“确定”按钮保存当前的设置。</div>
        </div>
    </div>
    <div data-options="region:'center',iconCls:'icon-ok'" title='当前用户：'>
       <table style="height:460px;">
         <tr>
            <td>
                <div id="pnl1" class="easyui-panel" title="用户列表" style="width:200px;height:430px;padding:5px;">
                   <p style="font-size:14px">jQuery EasyUI framework help you build your web page easily.</p>
                    <ul>
                        <li>easyui is a collection of user-interface plugin based on jQuery.</li>
                        <li>easyui provides essential functionality for building modem, interactive, javascript applications.</li>
                        <li>using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.</li>
                        <li>complete framework for HTML5 web page.</li>
                        <li>easyui save your time and scales while developing your products.</li>
                        <li>easyui is very easy but powerful.</li>
                    </ul>
                </div>
            </td>
            <td>
               <div id="pnl2" class="easyui-panel" title="角色列表" style="width:200px;height:430px;padding:5px;">
                    Panel2
                </div>
            </td>
            <td>
                <div id="pnl3" class="easyui-panel" title="模块（菜单）列表" style="width:200px;height:430px;padding:5px;">
                    Panel3
                </div>
            </td>
            <td>
             <div id="pnl4" class="easyui-panel" title="操作权限列表" style="width:200px;height:430px;padding:5px;">
                Panel3
            </div>
            </td>
         </tr>
       </table>     
    </div>
</div>

<!--
 <div class="easyui-panel" title="Nested Panel" style="width:500px;height:200px;padding:10px;">
        <div class="easyui-layout" data-options="fit:true">
            <div data-options="region:'west',split:true" style="width:100px;padding:10px">
                Left Content
            </div>
            <div data-options="region:'east',split:true" style="width:100px;padding:10px">
                Left Content
            </div>
            <div data-options="region:'center'" style="padding:10px">
                Right Content
            </div>
        </div>
    </div>
 </div>
 -->
</body>
</html>
